<template>
 <div class="module-page">
   <div class="module-page-left">
    <div class="module-page-left-top">
      <div v-for="(item,index) in moudleList" :key="index" class="module-page-left-top-item" :class="`marLeft${index}`">
      <img class="module-page-left-top-img" :src="item.url" alt="" srcset="">
      <div class="module-page-left-top-item-lable">{{item.lable}}</div>
      </div>
    </div>
    <div class="module-page-left-bottom">操作</div>
   </div>   
 </div>
 <div class="drawer-more">
  <moduleDrawer/>
 <div>  
</div> 
</div> 
  
</template>
<script setup lang='ts'>
import { ref  } from 'vue'
  import moduleDrawer from '@/components/modelPage/moduleDrawer.vue';
   import m2 from "../../assets/img/m2.png" 

   
import m1 from "../../assets/img/m1.png" 
import m3 from "../../assets/img/m3.png" 
import m4 from "../../assets/img/m4.png" 
import m5 from "../../assets/img/m5.png" 
import m6 from "../../assets/img/m6.png" 
const moudleList = ref([
  {lable:"默认视角",id:0,url:m1},
  {lable:"前",id:1,url:m2},
  {lable:"左",id:2,url:m3},
  {lable:"上",id:3,url:m4},
  {lable:"法相视角",id:4,url:m5},
  {lable:"自定义视角",id:5,url:m6},
  {lable:"后",id:5,url:m6},
  {lable:"右",id:5,url:m6},
  {lable:"下",id:5,url:m6},
]) 
  
</script>
<style scoped lang="scss"> 
@import url("./css/modelPageST.scss");
</style>